<style>
    .panel-header, .panel-body {
        border-width: 0px;
    }

    .datagrid, .combo-p {
        border: solid 1px #D4D4D4;
    }

    .panel-title {
        cursor: pointer;
    }

    .inlineblock {
        margin-top: 10px;
    }

    .inlineblock div {
        display: inline-block;
    }

    .inlineblock div label {
        display: inline-block;
        top: 5px;
    }

    .newform {
        width: 70%;
    }

    .editform {
        width: 70%;
    }



    .searchClass label {        width: 5%;
        font-weight: bold;
    }
    .searchClass input{
        margin-right:60px;
    }
    #Search {
        float: right;
        margin-right: 4%;
        width: 40%;
    }
    #Reset {
        float: right;
        margin-right: 2%;
        width: 40%;
    }
    .col-md-1{
        text-align: right;
        display: inline-block;
    }
    .rowstyle{
        margin-top: 1%;
    }
</style>
<div class="row">
    <div id="breadcrumb" class="col-xs-12">
        <a href="#" class="show-sidebar">
            <i class="fa fa-bars"></i>
        </a>
        <ol class="breadcrumb pull-left">
            <li><a href="#">访问ip</a></li>
            <li><a href="#">访问ip</a></li>
        </ol>
    </div>
</div>
<div class="row">
    <div class="col-xs-12">
        <div class="box">
            <div class="box-header">
                <div class="box-name">
                    <i class="fa "></i>
                    <span>访问ip</span>
                </div>
                <div class="box-icons">
                    <a class="collapse-link">
                        <i class="fa fa-chevron-up"></i>
                    </a>
                    <a class="expand-link">
                        <i class="fa fa-expand"></i>
                    </a>
                    <a class="close-link">
                        <i class="fa fa-times"></i>
                    </a>
                </div>
                <div class="no-move"></div>
            </div>

            <div class="box-content table-responsive" style="padding-top: 15px;">
                <!--功能面板 S-->

                <!--功能面板 E-->
                <!--主信息面板 S-->
                <div class="panel panel-default" style="border: 1px solid #CCC;">
                    <div class="panel-heading" role="tab" id="headingTwo">
                        <h4 class="panel-title" data-toggle="collapse" data-target="#collapseForStudentTable">
                            访问ip<span style="padding-left:50px;color:red">短链接活动浏览数：{$num} 人</span><span class="fa fa-chevron-down" style="float: right"></span>
                        </h4>
                    </div>
                    <div id="collapseForStudentTable" class="panel-collapse collapse in" role="tabpanel"
                         aria-labelledby="headingTwo">
                        <!--搜索框-->
                        <div class="panel-body" style="overflow: hidden;">

                            <div class="searchClass">
                                <div class="row rowstyle">
                                    <div class="col-md-1"><b>ip</b></div>
                                    <div class='col-md-2'>
                                        <input id="ip" class="SearchForm form-control" type="text" name="ip" style="width:140px;font-size: 13px;" />
                                    </div>
									<div class="col-md-1"><b>所属页面</b></div>
                                    <div class='col-md-2'>
										<select name="type" style="width:140px;font-size: 13px;" class="SearchForm form-control">
                                            <option value="">所有</option>
                                            <option value="1">wap短链接</option>
                                            <option value="2">H5首页地球页</option>
                                            <option value="3">H5视频观看页</option>
                                            <option value="4">H5长图介绍页</option>
                                            <option value="5">H5选择行为页</option>
                                            <option value="6">H5生成图片页</option>
                                            <option value="7">H5填写手机号页面</option>
                                            <option value="8">H5生成专属密码</option>
                                        </select>                                    </div>
									<div class="col-md-1"><b>用户来源</b></div>
                                    <div class='col-md-2'>
										<select name="from" style="width:140px;font-size: 13px;" class="SearchForm form-control">
                                            <option value="">不限</option>
                                            <option value="userSelf">用户访问</option>
                                            {volist name='mans' id='m'}
                                            <option value="{$m.s_name}">{$m.s_name}</option>
                                            {/volist}
                                        </select> 
                                    </div>
									
                                </div>
                            </div>
                        </div>
                        <br/>
                        <button id="Search" class="btn btn-primary btn-sm" style="width:150px;">
                            <i class="fa fa-search"></i> 查询
                        </button><button id="Reset" class="btn btn-primary btn-sm" style="width:120px;">
                        <i class="fa fa-search"></i> 清空查询条件
                    </button>


                    </div>

                </div>
                <!--信息表 S-->
                <table id="datatable_ipinfo" data-size="15" style="width: 100%">
                </table>
                <!--信息表 E-->
            </div>
        </div>
        <!--主信息面板 E-->
    </div>
</div>
<script src="static/js/ajax/ip.js"></script>








